<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="page.css"/>
</head>
<body>
<div class="top">
<div class="box">
    <div class="title">
        <div class="titlewz">
            <a href="#">小米网</a>
            <a href="#">MIUI</a>
            <a href="#">米聊</a>
            <a href="#">游戏</a>
            <a href="#">多看阅读</a>
            <a href="#">云服务</a>
            <a href="#">小米网移动版</a>
            <a href="#">Selectregion</a>
        </div>
        <div class="titleright">
            <a class="titlerightone" href="#">登入</a>
            <span></span>
            <a class="titlerightone" href="#">注册</a>
        </div>
    </div>
</div>
    <div class="body">
        <div class="bodyone">
            <img src="images/logo.png" alt=""/>
                <input class="bodyonediyione" type="text" placeholder="搜素您想要的商品                        小米手环  耳机音箱  保护壳"/>
                <button class="bodyonedidyituo"><img src="images/fangdajing.png" alt=""/></button>
            <div class="bodyonedier">
                <button class="bodyonedierone">
                    <img class="bodyonediertuo" src="images/shopcar.png" alt=""/>
                    <a class="bodyonedierthree" href="#">购物车</a>
                </button>
            </div>
            <div class="bodyonedisan">
                <img src="images/clock.png" alt=""/>
                <a href="#">5月12号开放购买</a>
            </div>
        </div>
        <div class="bodytuo">
            <div class="bodytuodiyi">
                <a href="#">全部商品分类</a>
                <img src="images/icon-arrow-down.png" alt=""/>
            </div>
            <div class="bodytuodier">
                <a class="bodytuodierone" href="#">首页</a>
                <a class="bodytuodiertuo" href="#">小米手机</a>
                <a class="bodytuodiertuo" href="#">红米</a>
                <a class="bodytuodiertuo" href="#">小米平板</a>
                <a class="bodytuodiertuo" href="#">小米电视</a>
                <a class="bodytuodiertuo" href="#">盒子</a>
                <a class="bodytuodiertuo" href="#">路由器</a>
                <a class="bodytuodiertuo" href="#">合约机</a>
                <a class="bodytuodiertuo" href="#">服务</a>
                <a class="bodytuodiertuo" href="#">社区</a>
            </div>
        </div>
        <div class="bodythree">
            <img src="images/mshanghai4.7.jpg" alt=""/>
            <div class="bodythreeone">
                <div class="bodythreeonediyi">
                    <div class="bodythreeonediyione" >
                        <img src="images/icon_01.png" alt=""/><br/>
                        <a href="#">全部合约机</a>
                    </div>
                    <div class="bodythreeonediyituo">
                        <img src="images/icon_02.png" alt=""/><br/>
                        <a href="#">移动合约机</a>
                    </div>
                    <div class="bodythreeonediyithree">
                        <img src="images/icon_03.png" alt=""/><br/>
                        <a href="#">联通合约机</a>
                    </div>
                    <div class="bodythreeonediyifoue">
                        <img src="images/icon_04.png" alt=""/><br/>
                        <a href="#">电信合约机</a>
                    </div>
                </div>

            <div class="bodyfourone">
                <div class="bodyfoueonediyi cf">
                    <img src="images/Noteblack!144x149.jpg" alt=""/>
                    <p class="red">联通</p>
                    <p>小米note合约机</p>
                    <p>2419元起</p>
                </div>
                <div class="bodyfouronedier cf">
                    <img src="images/Noteblack!144x149.jpg" alt=""/>
                    <p class="blue">移动</p>
                    <p>小米note合约机</p>
                    <p>2299元</p>
                </div>
                <div class="bodyfouronedisan cf">
                    <img src="images/mi4Front!144x149.jpg" alt=""/>
                    <p class="red">联通</p>
                    <p>小米4合约机</p>
                    <p>1919元起</p>
                </div>
                <div class="bodyfouronedisi cf">
                    <img src="images/hm2!149x149.jpg" alt=""/>
                    <p class="red">联通</p>
                    <p>红米2合约机</p>
                    <p>799元起</p>
                </div>
                <div class="bodyfouronediwu cf">
                    <img src="images/hm2!149x149.jpg" alt=""/>
                    <p class="blue">移动</p>
                    <p>红米2合约机</p>
                    <p>699元</p>
                </div>
            </div>
            <div class="bodyfiveone">
                <div class="bodyfiveonediyi cf">
                    <img src="images/mi4Front!144x149.jpg" alt=""/>
                    <p class="blue">电信</p>
                    <p>已售罄</p>
                    <p>小米4合约机</p>
                    <p>2099元起</p>
                </div>
                <div class="bodyfiveonedier cf">
                    <img src="images/mi4Front!144x149.jpg" alt=""/>
                    <p class="blue">移动</p>
                    <p>小米4合约机</p>
                    <p>1799元</p>
                </div>
                <div class="bodyfiveonedisan cf">
                    <img src="images/miphone07!149x149.jpg" alt=""/>
                    <p class="red">联通</p>
                    <p>已售罄</p>
                    <p>红米note 4G合约机</p>
                    <p>899元</p>
                </div>
                <div class="bodyfiveonedisi cf">
                    <img src="images/miphone07!149x149.jpg" alt=""/>
                    <p class="blue">移动</p>
                    <p>已售罄</p>
                    <p>红米note 4G合约机</p>
                    <p>899元</p>
                </div>
                <div class="bodyfiveonediwu cf">
                    <img src="images/miphone07!149x149.jpg" alt=""/>
                    <p class="blue">移动</p>
                    <p>已售罄</p>
                    <p>红米1s 4G合约机</p>
                    <p>599元</p>
                </div>
            </div>
            </div>
            <div class="bodysixone">
                <a class="bodysixonediyi" href="#">话费充值</a><br/>
                <input class="bodysixonedier" type="text" placeholder="  请输入手机号码"/><br/>
                <input class="bodysixonedisan" type="text" placeholder="  充值100元"/><br/>
                <a class="bodysixonedisi" href="#">实时价格：98.4元起</a><br/>
                <button><a class="bodysixonediwu" href="#">立即充值</a></button>
            </div>
            <div class="bodysevenone">
                <p>联通授权标识</p>
                <img src="images/liantong.png" alt=""/>
            </div>
            <div class="bodyeightone">
                <p>电信授权标识</p>
                <img src="images/dianxin.png" alt=""/>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="bottomone">
            <div class="bottomonediyi">
                <img src="images/10.png" alt=""/>
                <a href="#">1小时快修服务</a>
            </div>
            <div class="bottomonedier">
                <img src="images/11.png" alt=""/>
                <a href="#">7天无理由退货</a>
            </div>
            <div class="bottomonedisan">
                <img src="images/12.png" alt=""/>
                <a href="#">15天免费换货</a>
            </div>
            <div class="bottomonedisi">
                <img src="images/13.png" alt=""/>
                <a href="#">满150元包邮</a>
            </div>
            <div class="bottomonediwu">
                <img src="images/14.png" alt=""/>
                <a href="#">520余家售后网点</a>
            </div>
            <div class="bottomzjx">
            </div>
            <div class="bottomfuwu">
                <a class="fuwu1" href="#">帮助中心</a>
                <a class="fuwu2" href="#">购物指南</a>
                <a class="fuwu3" href="#">支付方式</a>
                <a class="fuwu4" href="#">配送方式</a>

                <p class="fuwu45"></p>
                <a class="fuwu5" href="#">服务支持</a>
                <a class="fuwu6" href="#">售后政策</a>
                <a class="fuwu7" href="#">自动服务</a>
                <a class="fuwu8" href="#">相关下载</a>

                <p class="fuwu89"></p>
                <a class="fuwu9" href="#">小米之家</a>
                <a class="fuwu10" href="#">小米之家</a>
                <a class="fuwu11" href="#">服务网站</a>
                <a class="fuwu12" href="#">预约亲临到店服务</a>

                <p class="fuwu1213"></p>
                <a class="fuwu13" href="#">关于小米</a>
                <a class="fuwu14" href="#">了解小米</a>
                <a class="fuwu15" href="#">加入小米</a>
                <a class="fuwu16" href="#">联系我们</a>

                <p class="fuwu1617"></p>
                <a class="fuwu17" href="#">关注我们</a>
                <a class="fuwu18" href="#">新浪微博</a>
                <a class="fuwu19" href="#">小米部落</a>
                <a class="fuwu20" href="#">官方微信</a>

                <p class="fuwu2021"></p>

                <p class="fuwu21">400-100-5678</p>

                <p class="fuwu22">周一至周日8:00-18:00</p>

                <p class="fuwu23">(仅收市话费）</p>
                <button class="fuwu24"><a class="fuwu25" href="#">24小时在线客服</a></button>
            </div>
            <div class="bottomzjx2">
            </div>
        </div>
        <div class="wzbottom">
            <a class="wz1" href="#">小米旗下网站：小米网</a>
            <a class="wz25" href="#"></a>
            <a class="wz2" href="#">MIUI</a>
            <a class="wz3" href="#"></a>
            <a class="wz4" href="#">米聊</a>
            <a class="wz5" href="#"></a>
            <a class="wz6" href="#">多看书城</a>
            <a class="wz7" href="#"></a>
            <a class="wz8" href="#">小米路由器</a>
            <a class="wz9" href="#"></a>
            <a class="wz10" href="#">繁体香港</a>
            <a class="wz11" href="#"></a>
            <a class="wz12" href="#">繁体台湾</a>
            <a class="wz13" href="#"></a>
            <a class="wz14" href="#">English</a>
            <a class="wz100" href="#"></a>
            <a class="wz15" href="#">小米后院</a>
            <a class="wz16" href="#"></a>
            <a class="wz17" href="#">小米天猫店</a>
            <a class="wz18" href="#"></a>
            <a class="wz19" href="#">小米淘宝直营店</a>
            <a class="wz20" href="#"></a>
            <a class="wz21" href="#">小米网盟</a>
            <p class="wz22">@mi.com京ICP证110507号京ICP备10046444号京公安网安备1101080212535号京网文[2014]0059-0009号</p>
            <img class="wz23" src="images/16.png" alt=""/>
            <input class="wz24" type="text" placeholder="简体中文"/>
        </div>
    </div>
</div>
</body>
</html>